<?php

/**
 * [2025]
 *
 * @package 2025
 * @author shean
 * @version 2025-09
 * @link http://doubao.life
 */
if (!defined('__TYPECHO_ROOT_DIR__')) exit;
$pages = getPages();
$category = getAllCategories();
?>
<!DOCTYPE HTML>
<html lang="zh-cn">

    <head><?php $this->need('header.php'); ?></head>

    <body>
        <div class="container">
            <div style="display:flex;height:100vh;position: absolute;left: 0;top: 0;align-items: center;">
                <div class="sideMenu">
                    <!--分类-->
                    <!--icons:archive photo travel-->
                    <?php foreach ($category as $item) { ?>
                    <div data-type="category" data-size="large" data-name="<?php echo ($item['slug']); ?>"
                        data-label="<?php echo ($item['name']); ?>"
                        class="sideMenu-item animate__animated tooltip tooltip-right"
                        data-tooltip="<?php echo ($item['name']); ?>">
                        <div class="-icon -larger -<?php echo ($item['slug']); ?>"></div>
                    </div>
                    <?php }; ?>
                    <div class="sideMenu-line"></div>
                    <!--页面-->
                    <?php foreach ($pages as $item) { ?>
                    <div data-type="page" data-size="<?php echo ($item['size']); ?>"
                        data-name="<?php echo ($item['link']); ?>" data-label="<?php echo ($item['title']); ?>"
                        class="sideMenu-item active animate__animated tooltip tooltip-right"
                        data-tooltip="<?php echo ($item['title']); ?>">
                        <div class="-icon -larger -<?php echo ($item['link']); ?>"></div>
                    </div>
                    <?php }; ?>
                </div>
            </div>


            <div id="draggable" class="swindow animate__animated animate__bounceInRight">
                <div class="sw-header">
                    <div class="-title d-flex">-</div>
                    <div class="-close">
                        <div class="-icon -close animate__animated"></div>
                    </div>
                </div>
                <div style="height:calc(100% - 40px);margin-top:3px;">
                    <iframe id="sw" src=""></iframe>
                </div>
            </div>

            <div id="post" class="postWindow animate__animated">
                <div class="postWindow-header">
                    <div class="-title text-ellipsis d-flex" style="align-items:center;">
                        <div class="-icon -small -travel mr-1"></div>
                        <div class="titleHere">...</div>
                    </div>
                    <div class="-close">
                        <div class="-icon -close animate__animated"></div>
                    </div>
                </div>
                <div class="postWindow-body">
                    <iframe id="pw" src=""></iframe>
                </div>
            </div>

            <!--script-->
            <?php $this->need('footer.php'); ?>
    </body>

</html>